// 根据 .mp-micro 来改变 mopower 相关的 style

.page-container.mp-micro {
  height: 100% !important;
}
// 【所有的子应用】都加上一层白色背景
.page-container.mp-micro > div {
  height: 100% !important;
  background-color: white;
}

// 【添加客户弹窗】 关联表 关联记录按钮 高度问题
.page-container.mp-micro .el-button-group .el-button--primary:first-child {
  // height: 36px;
}

// 【客户、工单】 列表上方按钮icon 垂直对齐问题
.el-dropdown-menu__item>[class*=iconfont], .page-container.mp-micro .el-button>[class*=iconfont] {
  // vertical-align: middle !important;
}

// 【通话工作台】通话卡片
div[id^="apassMicroCustomerData"], div[id^="apassMicroTicketData"]{
  .drawer-main .left .header .fold-icon {
    top: 0 !important;
    right: 2px !important;
    z-index: 99 !important;
  }
  .drawer-main .left .form {
    padding: 0 !important;
  }
}

// 【客户工作台】 && 【工单工作台】
// 视图配置 抽屉
.mp-micro .el-drawer__container .el-drawer.drawer-height92
  top: 57px !important;
  height: calc(100% - 58px) !important;
  background: white;
  box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
// 视图配置 右上角 关闭按钮
.el-drawer__wrapper .el-drawer__header .el-dialog__close
  color: black;
// 添加视图或分组 - 看板 - 模态框
.mp-micro .empty-dialog
  height: 100% !important;
  width: 100% !important;

// 【设置 模板设置】
// 整个表单外层的高度
#apassMicroTemplateConfig {
  .field-config {
    height calc(100% - 56px)
    padding 20px 0 10px
  }
}